<template>
  <div id="layout" class="product_layout">
    <h1>XXXXXXXXXXXXXXxTTTTTTTTTTTTTTTTTTT</h1>
    <h1>XXXXXXXXXXXXXXx</h1>    <h1>XXXXXXXXXXXXXXx</h1>    <h1>XXXXXXXXXXXXXXx</h1>    <h1>XXXXXXXXXXXXXXx</h1>    <h1>XXXXXXXXXXXXXXRRRRRRRRRRRRRx</h1>
  </div>

</template>

<script>
  export default {
    components: {
    },
    name: 'product-show',
    data: function () {
      return {}
    },
    methods: {
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .product_layout {
    background: #f5f7f9;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    min-height: 500px;
  }
</style>
